* {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.boxtop {
  width: 100vw;
  height: 15vh;
  background: #3087ea;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.img {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
}
.yy {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #fff;
}
.qd {
  margin-right: 10px;
  background: #fff;
  color: #3087eb;
}

.wdwz {
  width: 80vw;
  height: 25vh;
  margin: 0 auto;
  border-radius: 10px;
  padding: 5px;
}
.wdwz div:nth-child(1) {
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
}
.tbk {
  width: 80vw;
  height: 50vh;
  margin: 0 auto;
  border-radius: 10px;
  padding: 5px;
}
.rv-grid {
  justify-content: space-around;
  margin-bottom: 10px;
  margin-top: 10px;
}
.rv-grid-item__text {
  font-size: 11px;
}
.tbk
  .rv-grid:nth-child(1)
  .rv-grid-item:nth-child(1)
  .rv-badge__wrapper:nth-child(1) {
  color: #f984a2;
}
.tbk
  .rv-grid:nth-child(1)
  .rv-grid-item:nth-child(2)
  .rv-badge__wrapper:nth-child(1) {
  color: #38a7e1;
}
.tbk
  .rv-grid:nth-child(1)
  .rv-grid-item:nth-child(3)
  .rv-badge__wrapper:nth-child(1) {
  color: #ffb33b;
}

.tbk
  .rv-grid:nth-child(2)
  .rv-grid-item:nth-child(1)
  .rv-badge__wrapper:nth-child(1) {
  color: #34c368;
}
.tbk
  .rv-grid:nth-child(2)
  .rv-grid-item:nth-child(2)
  .rv-badge__wrapper:nth-child(1) {
  color: #ff4646;
}
.tbk
  .rv-grid:nth-child(2)
  .rv-grid-item:nth-child(3)
  .rv-badge__wrapper:nth-child(1) {
  color: #9823ff;
}

.tbk
  .rv-grid:nth-child(3)
  .rv-grid-item:nth-child(1)
  .rv-badge__wrapper:nth-child(1) {
  color: #d9260e;
}
.tbk
  .rv-grid:nth-child(3)
  .rv-grid-item:nth-child(2)
  .rv-badge__wrapper:nth-child(1) {
  color: #ff2ccd;
}
.tbk
  .rv-grid:nth-child(3)
  .rv-grid-item:nth-child(3)
  .rv-badge__wrapper:nth-child(1) {
  color: #368aeb;
}
